<div class="list-group" *ngIf="articles">
  <a *ngFor="let article of articles"  [routerLink]="['/client_pages/article', article.id]"  class="list-group-item list-group-item-action flex-column align-items-start">
    <div class="d-flex w-100 justify-content-between">
      <h3 class="mb-1">{{article.articleTitle }}</h3>
      <small>{{article.publishTime | date:'mediumDate'}}</small>
    </div>
    <p class="mb-1">{{article.contentDesc}}</p>
  </a>
</div>
